<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>danceWeui框架</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" href="../../css/weui.min.css">
	<link rel="stylesheet" href="../../css/danceWeui.css">
	<link rel="stylesheet" href="../../../iconfont/iconfont.css">
</head>
<body>

<div class="daui-navbar bg-gradual-blue">
	<div class="daui-navbar__hd">
		<a href="javascript:history.back(-1)"><i class="iconfontzz icon-fanhuijiantou"></i>返回</a>
	</div>
	<div class="daui-navbar__bd">输入框</div>
	<div class="daui-navbar__hd">
		<a href="../index.html"><i class="iconfontzz icon-home"></i></a>
	</div>
</div>

<div>
	<div class="daui-headline daui-headline_left">
		<div class="daui-headline__text-area">
			<h2 class="daui-headline__title">输入框 Input</h2>
			<p class="daui-headline__desc">输入框</p>
		</div>
	</div>
	<div class="weui-cells__title">基础使用</div>
	<div class="padding-lr">
		<input placeholder="请输入内容" name="input" class="daui-input" />
	</div>
	<div class="weui-cells__title">无边框</div>
	<div class="padding-lr">
		<input placeholder="请输入内容" name="input" class="daui-input-noborder" />
	</div>
	<div class="weui-cells__title">可清空内容</div>
	<div class="padding-lr">
		<input placeholder="请输入内容" name="input" class="daui-input" />
	</div>
	<div class="weui-cells__title">数字键盘</div>
	<div class="padding-lr">
		<input placeholder="请输入内容" name="input" class="daui-input" />
	</div>
	<div class="weui-cells__title">蓝色边框</div>
	<div class="padding-lr">
		<input placeholder="请输入内容" name="input" class="daui-input daui-input_blue" />
	</div>
	<div class="weui-cells__title">圆形</div>
	<div class="padding-lr">
		<input placeholder="请输入内容" name="input" class="daui-input daui-round" />
	</div>
	<div class="weui-cells__title">前后图标</div>
	<div class="padding-lr">
		<div class="daui-input-group">
			<div class="daui-input-group-prepend"><span class="daui-input-group-text">@</span></div>
			<input placeholder="请输入内容" name="input" class="daui-input" />
		</div>
		<div class="daui-input-group margin-top">
			<input placeholder="请输入内容" name="input" class="daui-input" />
			<div class="daui-input-group-append"><span class="daui-input-group-text">@</span></div>
		</div>
	</div>
	<div class="weui-cells__title">前后图标(样式2)</div>
	<div class="padding-lr">
		<div class="daui-input-group daui-input-group-styletwo margin-top">
			<div class="daui-input-group-prepend"><span class="daui-input-group-text iconfontzz icon-search"></span></div>
			<input placeholder="请输入内容" name="input" class="daui-input" />
		</div>
		<div class="daui-input-group daui-input-group-styletwo margin-top">
			<input placeholder="请输入内容" name="input" class="daui-input" />
			<div class="daui-input-group-append"><span class="daui-input-group-text iconfontzz icon-map"></span></div>
		</div>
	</div>
	<div class="weui-cells__title">前后插槽</div>
	<div class="padding-lr">
		<div class="daui-input-group daui-input-group-styletwo margin-top">
			<div class="daui-input-group-prepend"><span class="daui-input-group-text">http://</span></div>
			<input placeholder="请输入内容" name="input" class="daui-input" />
		</div>
		<div class="daui-input-group daui-input-group-styletwo margin-top">
			<input placeholder="请输入内容" name="input" class="daui-input" />
			<div class="daui-input-group-append">
				<span class="daui-input-group-text">
					<span class="weui-btn daui-btn_primary daui-btn_xs">获取验证码</span>
				</span>
			</div>
		</div>
	</div>
	<div class="daui-gap daui-gap_transparent"></div>
</div>

<div class="daui-gap daui-gap_transparent"></div>
<div class="daui-footer">
	<div class="daui-footer__links">
		<a class="daui-footer__links-item" href="../index.html">DanceWeUI首页</a>
		<a class="daui-footer__links-item" href="https://gitee.com/lianlianzan/danceui" target="_blank">去码云下载</a>
	</div>
	<div class="daui-footer__text">Copyright &copy; DanceUI</div>
</div>

</body>
</html>
